<!DOCTYPE HTML>
<html lang="en" >
    
    <head>
        
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <title>用户登录视图 | 新浪微博开发笔记</title>
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
        <meta name="description" content="">
        <meta name="generator" content="GitBook 2.1.0">
        
        
        <meta name="HandheldFriendly" content="true"/>
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../gitbook/images/apple-touch-icon-precomposed-152.png">
        <link rel="shortcut icon" href="../gitbook/images/favicon.ico" type="image/x-icon">
        
    <link rel="stylesheet" href="../gitbook/style.css">
    
    

        
    
    
    <link rel="next" href="../visitor/setup login info.html" />
    
    
    <link rel="prev" href="../visitor/base table view controller.html" />
    

        
    </head>
    <body>
        
        
    <div class="book" data-level="0.3.2" data-basepath=".." data-revision="Wed Oct 14 2015 07:05:46 GMT+0800 (CST)">
    

<div class="book-summary">
    <div class="book-search">
        <input type="text" placeholder="Type to search" class="form-control" />
    </div>
    <ul class="summary">
        
        
        
        

        

        
    
        <li class="chapter " data-level="0" data-path="index.html">
            
                
                    <a href="../index.html">
                        <i class="fa fa-check"></i>
                        
                        新浪微博笔记
                    </a>
                
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="0.1" data-path="project init/prepare project.html">
            
                
                    <a href="../project init/prepare project.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.1.</b>
                        
                        准备工作
                    </a>
                
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="0.1.1" data-path="project init/project deploy.html">
            
                
                    <a href="../project init/project deploy.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.1.1.</b>
                        
                        项目部署
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.1.2" data-path="project init/project settings.html">
            
                
                    <a href="../project init/project settings.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.1.2.</b>
                        
                        项目设置
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.1.3" data-path="project init/confirm architecture.html">
            
                
                    <a href="../project init/confirm architecture.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.1.3.</b>
                        
                        架构确定
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.1.4" data-path="project init/mvvm.html">
            
                
                    <a href="../project init/mvvm.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.1.4.</b>
                        
                        MVVM
                    </a>
                
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="0.2" data-path="create project/readme.html">
            
                
                    <a href="../create project/readme.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.2.</b>
                        
                        项目搭建
                    </a>
                
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="0.2.1" data-path="create project/create files.html">
            
                
                    <a href="../create project/create files.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.2.1.</b>
                        
                        创建文件
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.2.2" data-path="create project/add child controllers.html">
            
                
                    <a href="../create project/add child controllers.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.2.2.</b>
                        
                        添加子控制器
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.2.3" data-path="create project/custom main tabbar.html">
            
                
                    <a href="../create project/custom main tabbar.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.2.3.</b>
                        
                        自定义 TabBar
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.2.4" data-path="create project/summary.html">
            
                
                    <a href="../create project/summary.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.2.4.</b>
                        
                        阶段性小结
                    </a>
                
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="0.3" data-path="visitor/readme.html">
            
                
                    <a href="../visitor/readme.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.3.</b>
                        
                        访客视图
                    </a>
                
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="0.3.1" data-path="visitor/base table view controller.html">
            
                
                    <a href="../visitor/base table view controller.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.3.1.</b>
                        
                        表格视图控制器基类
                    </a>
                
            
            
        </li>
    
        <li class="chapter active" data-level="0.3.2" data-path="visitor/visitor login view.html">
            
                
                    <a href="../visitor/visitor login view.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.3.2.</b>
                        
                        用户登录视图
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.3.3" data-path="visitor/setup login info.html">
            
                
                    <a href="../visitor/setup login info.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.3.3.</b>
                        
                        设置未登录信息
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.3.4" data-path="visitor/home animation.html">
            
                
                    <a href="../visitor/home animation.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.3.4.</b>
                        
                        首页动画
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.3.5" data-path="visitor/login buttons delegate.html">
            
                
                    <a href="../visitor/login buttons delegate.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.3.5.</b>
                        
                        登录&amp;注册代理回调
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.3.6" data-path="visitor/appearance.html">
            
                
                    <a href="../visitor/appearance.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.3.6.</b>
                        
                        导航栏全局外观
                    </a>
                
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="0.4" data-path="frameworks/readme.html">
            
                
                    <a href="../frameworks/readme.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.4.</b>
                        
                        第三方框架
                    </a>
                
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="0.4.1" data-path="frameworks/afnetworking.html">
            
                
                    <a href="../frameworks/afnetworking.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.4.1.</b>
                        
                        AFNetworking
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.4.2" data-path="frameworks/svprogresshud sdwebimage.html">
            
                
                    <a href="../frameworks/svprogresshud sdwebimage.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.4.2.</b>
                        
                        SVProgressHUD 和 SDWebImage
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.4.3" data-path="frameworks/snapkit.html">
            
                
                    <a href="../frameworks/snapkit.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.4.3.</b>
                        
                        SnapKit
                    </a>
                
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="0.5" data-path="oauth/readme.html">
            
                
                    <a href="../oauth/readme.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.5.</b>
                        
                        OAuth
                    </a>
                
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="0.5.1" data-path="oauth/register app.html">
            
                
                    <a href="../oauth/register app.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.5.1.</b>
                        
                        注册应用程序
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.5.2" data-path="oauth/load oauth page.html">
            
                
                    <a href="../oauth/load oauth page.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.5.2.</b>
                        
                        加载授权页面
                    </a>
                
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="0.6" data-path="access token/readme.html">
            
                
                    <a href="../access token/readme.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.6.</b>
                        
                        Access Token
                    </a>
                
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="0.6.1" data-path="access token/load access token.html">
            
                
                    <a href="../access token/load access token.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.6.1.</b>
                        
                        加载 AccessToken
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.6.2" data-path="access token/user account.html">
            
                
                    <a href="../access token/user account.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.6.2.</b>
                        
                        用户账户模型
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.6.3" data-path="access token/expires date.html">
            
                
                    <a href="../access token/expires date.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.6.3.</b>
                        
                        过期日期
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.6.4" data-path="access token/load user info.html">
            
                
                    <a href="../access token/load user info.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.6.4.</b>
                        
                        加载用户信息
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.6.5" data-path="access token/archive user account.html">
            
                
                    <a href="../access token/archive user account.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.6.5.</b>
                        
                        归档 &amp; 解档
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.6.6" data-path="access token/view model.html">
            
                
                    <a href="../access token/view model.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.6.6.</b>
                        
                        视图模型
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.6.7" data-path="access token/error enum.html">
            
                
                    <a href="../access token/error enum.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.6.7.</b>
                        
                        自定义错误枚举
                    </a>
                
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="0.7" data-path="newfeature/index.html">
            
                
                    <a href="../newfeature/index.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.7.</b>
                        
                        新特性和欢迎界面
                    </a>
                
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="0.7.1" data-path="newfeature/newfeature.html">
            
                
                    <a href="../newfeature/newfeature.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.7.1.</b>
                        
                        新特性
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.7.2" data-path="newfeature/welcome.html">
            
                
                    <a href="../newfeature/welcome.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.7.2.</b>
                        
                        欢迎界面
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.7.3" data-path="newfeature/switch vc.html">
            
                
                    <a href="../newfeature/switch vc.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.7.3.</b>
                        
                        切换界面
                    </a>
                
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="0.8" data-path="homepage/index.html">
            
                
                    <a href="../homepage/index.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.8.</b>
                        
                        首页布局
                    </a>
                
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="0.8.1" data-path="homepage/status model.html">
            
                
                    <a href="../homepage/status model.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.8.1.</b>
                        
                        微博数据模型
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.8.2" data-path="homepage/tableview show data.html">
            
                
                    <a href="../homepage/tableview show data.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.8.2.</b>
                        
                        显示表格数据
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.8.3" data-path="homepage/user model.html">
            
                
                    <a href="../homepage/user model.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.8.3.</b>
                        
                        用户模型
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.8.4" data-path="homepage/status view model.html">
            
                
                    <a href="../homepage/status view model.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.8.4.</b>
                        
                        微博视图模型
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.8.5" data-path="homepage/custom cell.html">
            
                
                    <a href="../homepage/custom cell.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.8.5.</b>
                        
                        自定义 Cell
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.8.6" data-path="homepage/prepare for pictureview.html">
            
                
                    <a href="../homepage/prepare for pictureview.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.8.6.</b>
                        
                        配图视图准备
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.8.7" data-path="homepage/picture view.html">
            
                
                    <a href="../homepage/picture view.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.8.7.</b>
                        
                        配图视图
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.8.8" data-path="homepage/retweeted_status.html">
            
                
                    <a href="../homepage/retweeted_status.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.8.8.</b>
                        
                        转发微博
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.8.9" data-path="homepage/single picture.html">
            
                
                    <a href="../homepage/single picture.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.8.9.</b>
                        
                        单张图片比例
                    </a>
                
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="0.9" data-path="refresh/index.html">
            
                
                    <a href="../refresh/index.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.9.</b>
                        
                        刷新
                    </a>
                
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="0.9.1" data-path="refresh/pullup view.html">
            
                
                    <a href="../refresh/pullup view.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.9.1.</b>
                        
                        上拉刷新控件
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.9.2" data-path="refresh/refresh data.html">
            
                
                    <a href="../refresh/refresh data.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.9.2.</b>
                        
                        刷新数据
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.9.3" data-path="refresh/pulldown tips.html">
            
                
                    <a href="../refresh/pulldown tips.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.9.3.</b>
                        
                        下拉刷新提示
                    </a>
                
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="0.10" data-path="compose/index.html">
            
                
                    <a href="../compose/index.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.10.</b>
                        
                        发布微博
                    </a>
                
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="0.10.1" data-path="compose/setup ui.html">
            
                
                    <a href="../compose/setup ui.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.10.1.</b>
                        
                        搭建界面
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.10.2" data-path="compose/select picture.html">
            
                
                    <a href="../compose/select picture.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.10.2.</b>
                        
                        选择照片
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.10.3" data-path="compose/post status.html">
            
                
                    <a href="../compose/post status.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.10.3.</b>
                        
                        发布微博
                    </a>
                
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="0.11" data-path="emoticon/index.html">
            
                
                    <a href="../emoticon/index.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.11.</b>
                        
                        表情键盘
                    </a>
                
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="0.11.1" data-path="emoticon/prepare ui.html">
            
                
                    <a href="../emoticon/prepare ui.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.11.1.</b>
                        
                        准备界面
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.11.2" data-path="emoticon/load bundle data.html">
            
                
                    <a href="../emoticon/load bundle data.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.11.2.</b>
                        
                        加载模型数据
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.11.3" data-path="emoticon/show emoticon.html">
            
                
                    <a href="../emoticon/show emoticon.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.11.3.</b>
                        
                        显示表情符号
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.11.4" data-path="emoticon/upgrade model.html">
            
                
                    <a href="../emoticon/upgrade model.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.11.4.</b>
                        
                        提升数据模型
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.11.5" data-path="emoticon/selected emoticon.html">
            
                
                    <a href="../emoticon/selected emoticon.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.11.5.</b>
                        
                        选中表情事件
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.11.6" data-path="emoticon/attribute text.html">
            
                
                    <a href="../emoticon/attribute text.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.11.6.</b>
                        
                        属性文本
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.11.7" data-path="emoticon/merge_emoticon.html">
            
                
                    <a href="../emoticon/merge_emoticon.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.11.7.</b>
                        
                        整合到新浪微博
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.11.8" data-path="emoticon/favorite emoticon.html">
            
                
                    <a href="../emoticon/favorite emoticon.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.11.8.</b>
                        
                        内存表情排序
                    </a>
                
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="0.12" data-path="sqlite/index.html">
            
                
                    <a href="../sqlite/index.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.12.</b>
                        
                        数据缓存
                    </a>
                
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="0.12.1" data-path="sqlite/data model.html">
            
                
                    <a href="../sqlite/data model.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.12.1.</b>
                        
                        数据模型设计
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.12.2" data-path="sqlite/statusdal.html">
            
                
                    <a href="../sqlite/statusdal.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.12.2.</b>
                        
                        数据访问层
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.12.3" data-path="sqlite/clean cache.html">
            
                
                    <a href="../sqlite/clean cache.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.12.3.</b>
                        
                        清理数据缓存
                    </a>
                
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="0.13" data-path="ending/index.html">
            
                
                    <a href="../ending/index.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.13.</b>
                        
                        微博收尾
                    </a>
                
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="0.13.1" data-path="ending/status create at.html">
            
                
                    <a href="../ending/status create at.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.13.1.</b>
                        
                        微博时间
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.13.2" data-path="ending/regex.html">
            
                
                    <a href="../ending/regex.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.13.2.</b>
                        
                        正则表达式
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.13.3" data-path="ending/emoticon string.html">
            
                
                    <a href="../ending/emoticon string.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.13.3.</b>
                        
                        表情字符串
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.13.4" data-path="ending/fflabel.html">
            
                
                    <a href="../ending/fflabel.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.13.4.</b>
                        
                        FFLabel
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.13.5" data-path="ending/textkit.html">
            
                
                    <a href="../ending/textkit.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.13.5.</b>
                        
                        TextKit
                    </a>
                
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="0.14" data-path="appendix/readme.html">
            
                
                    <a href="../appendix/readme.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.14.</b>
                        
                        附录
                    </a>
                
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="0.14.1" data-path="appendix/image assets.html">
            
                
                    <a href="../appendix/image assets.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.14.1.</b>
                        
                        图片素材
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.14.2" data-path="appendix/cocoa pod.html">
            
                
                    <a href="../appendix/cocoa pod.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.14.2.</b>
                        
                        cocoa pod
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.14.3" data-path="appendix/singleton.html">
            
                
                    <a href="../appendix/singleton.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.14.3.</b>
                        
                        单例
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.14.4" data-path="appendix/swift_vs_oc.html">
            
                
                    <a href="../appendix/swift_vs_oc.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.14.4.</b>
                        
                        为什么要学习 Swift
                    </a>
                
            
            
        </li>
    
        <li class="chapter " data-level="0.14.5" data-path="appendix/emoji.html">
            
                
                    <a href="../appendix/emoji.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.14.5.</b>
                        
                        emoji
                    </a>
                
            
            
        </li>
    

            </ul>
            
        </li>
    

            </ul>
            
        </li>
    


        
        <li class="divider"></li>
        <li>
            <a href="https://www.gitbook.com" target="blank" class="gitbook-link">
                Published with GitBook
            </a>
        </li>
        
    </ul>
</div>

    <div class="book-body">
        <div class="body-inner">
            <div class="book-header">
    <!-- Actions Left -->
    <a href="#" class="btn pull-left toggle-summary" aria-label="Table of Contents"><i class="fa fa-align-justify"></i></a>
    <a href="#" class="btn pull-left toggle-search" aria-label="Search"><i class="fa fa-search"></i></a>
    
    <div id="font-settings-wrapper" class="dropdown pull-left">
        <a href="#" class="btn toggle-dropdown" aria-label="Font Settings"><i class="fa fa-font"></i>
        </a>
        <div class="dropdown-menu font-settings">
    <div class="dropdown-caret">
        <span class="caret-outer"></span>
        <span class="caret-inner"></span>
    </div>

    <div class="buttons">
        <button type="button" id="reduce-font-size" class="button size-2">A</button>
        <button type="button" id="enlarge-font-size" class="button size-2">A</button>
    </div>

    <div class="buttons font-family-list">
        <button type="button" data-font="0" class="button">Serif</button>
        <button type="button" data-font="1" class="button">Sans</button>
    </div>

    <div class="buttons color-theme-list">
        <button type="button" id="color-theme-preview-0" class="button size-3" data-theme="0">White</button>
        <button type="button" id="color-theme-preview-1" class="button size-3" data-theme="1">Sepia</button>
        <button type="button" id="color-theme-preview-2" class="button size-3" data-theme="2">Night</button>
    </div>
</div>

    </div>

    <!-- Actions Right -->
    
    <div class="dropdown pull-right">
        <a href="#" class="btn toggle-dropdown" aria-label="Share"><i class="fa fa-share-alt"></i>
        </a>
        <div class="dropdown-menu font-settings dropdown-left">
            <div class="dropdown-caret">
                <span class="caret-outer"></span>
                <span class="caret-inner"></span>
            </div>
            <div class="buttons">
                <button type="button" data-sharing="twitter" class="button">
                    Share on Twitter
                </button>
                <button type="button" data-sharing="google-plus" class="button">
                    Share on Google
                </button>
                <button type="button" data-sharing="facebook" class="button">
                    Share on Facebook
                </button>
                <button type="button" data-sharing="weibo" class="button">
                    Share on Weibo
                </button>
                <button type="button" data-sharing="instapaper" class="button">
                    Share on Instapaper
                </button>
            </div>
        </div>
    </div>
    

    
    <a href="#" target="_blank" class="btn pull-right google-plus-sharing-link sharing-link" data-sharing="google-plus" aria-label="Google"><i class="fa fa-google-plus"></i></a>
    
    
    <a href="#" target="_blank" class="btn pull-right facebook-sharing-link sharing-link" data-sharing="facebook" aria-label="Facebook"><i class="fa fa-facebook"></i></a>
    
    
    <a href="#" target="_blank" class="btn pull-right twitter-sharing-link sharing-link" data-sharing="twitter" aria-label="Twitter"><i class="fa fa-twitter"></i></a>
    
    
    


    <!-- Title -->
    <h1>
        <i class="fa fa-circle-o-notch fa-spin"></i>
        <a href="../" >新浪微博开发笔记</a>
    </h1>
</div>

            <div class="page-wrapper" tabindex="-1">
                <div class="page-inner">
                
                
                    <section class="normal" id="section-">
                    
                        <h1 id="%E7%94%A8%E6%88%B7%E7%99%BB%E5%BD%95%E8%A7%86%E5%9B%BE">&#x7528;&#x6237;&#x767B;&#x5F55;&#x89C6;&#x56FE;</h1>
<blockquote>
<p>&#x5BF9;&#x4E8E;&#x7B2C;&#x4E09;&#x65B9;&#x5F00;&#x53D1;&#x8005;&#xFF0C;&#x65B0;&#x6D6A;&#x6CA1;&#x6709;&#x5F00;&#x653E;&#x672A;&#x767B;&#x5F55;&#x8BBF;&#x95EE;&#x6570;&#x636E;&#x7684;&#x6743;&#x9650;&#xFF0C;&#x56E0;&#x6B64;&#x5728;&#x7528;&#x6237;&#x767B;&#x5F55;&#x4E4B;&#x524D;&#xFF0C;&#x65E0;&#x6CD5; <code>&#x52A0;&#x8F7D;&#x5FAE;&#x535A;&#x6570;&#x636E;</code> &#x4EE5;&#x53CA; <code>&#x5173;&#x6CE8;&#x7528;&#x6237;</code></p>
</blockquote>
<h2 id="%E9%9C%80%E6%B1%82%E7%A1%AE%E5%AE%9A">&#x9700;&#x6C42;&#x786E;&#x5B9A;</h2>
<ul>
<li>&#x7528;&#x6237;&#x767B;&#x5F55;&#x64CD;&#x4F5C;&#x89C6;&#x56FE;&#xFF0C;&#x7528;&#x6237;&#x6CA1;&#x6709;&#x767B;&#x5F55;&#x65F6;&#x66FF;&#x6362;&#x8868;&#x683C;&#x63A7;&#x5236;&#x5668;&#x7684;&#x6839;&#x89C6;&#x56FE;</li>
<li>&#x6BCF;&#x4E2A;&#x529F;&#x80FD;&#x6A21;&#x5757;&#x7684;&#x767B;&#x5F55;&#x89C6;&#x56FE;&#x5305;&#x542B;&#x4EE5;&#x4E0B;&#x56DB;&#x4E2A;&#x63A7;&#x4EF6;<ul>
<li>&#x6A21;&#x5757;&#x56FE;&#x6807;</li>
<li>&#x63CF;&#x8FF0;&#x6587;&#x5B57;</li>
<li>&#x6CE8;&#x518C;&#x6309;&#x94AE;</li>
<li>&#x767B;&#x5F55;&#x6309;&#x94AE;</li>
</ul>
</li>
<li>&#x7279;&#x4F8B;<ul>
<li>&#x9996;&#x9875;&#x6709;&#x4E00;&#x4E2A;&#x5C0F;&#x7684;&#x8F6C;&#x8F6E;&#x56FE;&#x7247;&#x4F1A;&#x4E0D;&#x505C;&#x65CB;&#x8F6C;</li>
</ul>
</li>
</ul>
<h2 id="%E5%8A%9F%E8%83%BD%E5%AE%9E%E7%8E%B0">&#x529F;&#x80FD;&#x5B9E;&#x73B0;</h2>
<ul>
<li>&#x62D6;&#x62FD;&#x76F8;&#x5173;&#x56FE;&#x7247;&#x7D20;&#x6750;</li>
<li>&#x65B0;&#x5EFA; <code>VisitorLoginView.swift</code> &#x7EE7;&#x627F;&#x81EA; <code>UIView</code></li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">/// &#x8BBF;&#x5BA2;&#x89C6;&#x56FE;</span>
<span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">VisitorLoginView</span>: <span class="hljs-title">UIView</span> </span>{

    <span class="hljs-comment">// MARK: - &#x8BBE;&#x7F6E;&#x754C;&#x9762;</span>
    <span class="hljs-keyword">override</span> <span class="hljs-keyword">init</span>(frame: <span class="hljs-type">CGRect</span>) {
        <span class="hljs-keyword">super</span>.<span class="hljs-keyword">init</span>(frame: frame)

        setupUI()
    }

    required <span class="hljs-keyword">init</span>?(coder aDecoder: <span class="hljs-type">NSCoder</span>) {
        <span class="hljs-keyword">super</span>.<span class="hljs-keyword">init</span>(coder: aDecoder)

        setupUI()
    }

    <span class="hljs-comment">/// &#x8BBE;&#x7F6E;&#x754C;&#x9762;</span>
    private <span class="hljs-func"><span class="hljs-keyword">func</span> <span class="hljs-title">setupUI</span><span class="hljs-params">()</span> </span>{

    }
}
</code></pre>
<ul>
<li>&#x4FEE;&#x6539; <code>setupVisitorView</code> &#x51FD;&#x6570;</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">// &#x66FF;&#x6362;&#x6839;&#x89C6;&#x56FE;</span>
view = <span class="hljs-type">VisitorLoginView</span>()
</code></pre>
<ul>
<li>&#x6DFB;&#x52A0; <code>UIImageView</code> &#x7684;&#x4FBF;&#x5229;&#x6784;&#x9020;&#x51FD;&#x6570;</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">/// &#x4F7F;&#x7528;&#x56FE;&#x50CF;&#x540D;&#x79F0;&#x521B;&#x5EFA; UIImageView</span>
<span class="hljs-comment">///</span>
<span class="hljs-comment">/// - parameter imageName: imageName</span>
<span class="hljs-comment">///</span>
<span class="hljs-comment">/// - returns: UIImageView</span>
convenience <span class="hljs-keyword">init</span>(imageName: <span class="hljs-type">String</span>) {
    <span class="hljs-keyword">self</span>.<span class="hljs-keyword">init</span>(image: <span class="hljs-type">UIImage</span>(named: imageName))

    sizeToFit()
}
</code></pre>
<ul>
<li>&#x6DFB;&#x52A0; <code>UIButton</code> &#x7684;&#x4FBF;&#x5229;&#x6784;&#x9020;&#x51FD;&#x6570;</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">/// &#x4FBF;&#x5229;&#x6784;&#x9020;&#x51FD;&#x6570;</span>
<span class="hljs-comment">///</span>
<span class="hljs-comment">/// - parameter title:         &#x6807;&#x9898;</span>
<span class="hljs-comment">/// - parameter color:         &#x5B57;&#x4F53;&#x989C;&#x8272;</span>
<span class="hljs-comment">/// - parameter fontSize:      &#x5B57;&#x53F7;</span>
<span class="hljs-comment">/// - parameter backImageName: &#x80CC;&#x666F;&#x56FE;&#x50CF;&#x540D;&#x79F0;</span>
<span class="hljs-comment">///</span>
<span class="hljs-comment">/// - returns: UIButton</span>
convenience <span class="hljs-keyword">init</span>(title: <span class="hljs-type">String</span>, color: <span class="hljs-type">UIColor</span>, fontSize: <span class="hljs-type">CGFloat</span>, backImageName: <span class="hljs-type">String</span>) {
    <span class="hljs-keyword">self</span>.<span class="hljs-keyword">init</span>()

    setTitle(title, forState: .<span class="hljs-type">Normal</span>)
    setTitleColor(color, forState: .<span class="hljs-type">Normal</span>)

    titleLabel?.font = <span class="hljs-type">UIFont</span>.systemFontOfSize(fontSize)

    setBackgroundImage(<span class="hljs-type">UIImage</span>(named: backImageName), forState: .<span class="hljs-type">Normal</span>)
    setBackgroundImage(<span class="hljs-type">UIImage</span>(named: backImageName + <span class="hljs-string">&quot;_highlighted&quot;</span>), forState: .<span class="hljs-type">Highlighted</span>)
}
</code></pre>
<ul>
<li>&#x6DFB;&#x52A0;&#x754C;&#x9762;&#x5143;&#x7D20;</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">/// &#x8BBE;&#x7F6E;&#x754C;&#x9762;</span>
private <span class="hljs-func"><span class="hljs-keyword">func</span> <span class="hljs-title">setupUI</span><span class="hljs-params">()</span> </span>{
    <span class="hljs-comment">// 1. &#x6DFB;&#x52A0;&#x63A7;&#x4EF6;</span>
    addSubview(iconView)
    addSubview(homeIconView)
    addSubview(messageLabel)
    addSubview(registerButton)
    addSubview(loginButton)
}

<span class="hljs-comment">// MARK: - &#x61D2;&#x52A0;&#x8F7D;&#x63A7;&#x4EF6;</span>
<span class="hljs-comment">/// &#x56FE;&#x6807;&#x56FE;&#x7247;</span>
private lazy <span class="hljs-keyword">var</span> iconView: <span class="hljs-type">UIImageView</span> = <span class="hljs-type">UIImageView</span>(imageName: <span class="hljs-string">&quot;visitordiscover_feed_image_smallicon&quot;</span>)
<span class="hljs-comment">/// &#x5C0F;&#x623F;&#x5B50;</span>
private lazy <span class="hljs-keyword">var</span> homeIconView: <span class="hljs-type">UIImageView</span> = <span class="hljs-type">UIImageView</span>(imageName: <span class="hljs-string">&quot;visitordiscover_feed_image_house&quot;</span>)
<span class="hljs-comment">/// &#x63CF;&#x8FF0;&#x6587;&#x5B57;</span>
private lazy <span class="hljs-keyword">var</span> messageLabel: <span class="hljs-type">UILabel</span> = {
    <span class="hljs-keyword">let</span> label = <span class="hljs-type">UILabel</span>()

    label.text = <span class="hljs-string">&quot;&#x5173;&#x6CE8;&#x4E00;&#x4E9B;&#x4EBA;&#xFF0C;&#x56DE;&#x8FD9;&#x91CC;&#x770B;&#x770B;&#x6709;&#x4EC0;&#x4E48;&#x60CA;&#x559C;&#x5173;&#x6CE8;&#x4E00;&#x4E9B;&#x4EBA;&#xFF0C;&#x56DE;&#x8FD9;&#x91CC;&#x770B;&#x770B;&#x6709;&#x4EC0;&#x4E48;&#x60CA;&#x559C;&quot;</span>

    label.sizeToFit()

    <span class="hljs-keyword">return</span> label
}()

<span class="hljs-comment">/// &#x6CE8;&#x518C;&#x6309;&#x94AE;</span>
private lazy <span class="hljs-keyword">var</span> registerButton: <span class="hljs-type">UIButton</span> = <span class="hljs-type">UIButton</span>(title: <span class="hljs-string">&quot;&#x6CE8;&#x518C;&quot;</span>, color: <span class="hljs-type">UIColor</span>.orangeColor(), fontSize: <span class="hljs-number">14</span>, backImageName: <span class="hljs-string">&quot;common_button_white_disable&quot;</span>)
<span class="hljs-comment">/// &#x767B;&#x5F55;&#x6309;&#x94AE;</span>
private lazy <span class="hljs-keyword">var</span> loginButton: <span class="hljs-type">UIButton</span> = <span class="hljs-type">UIButton</span>(title: <span class="hljs-string">&quot;&#x767B;&#x5F55;&quot;</span>, color: <span class="hljs-type">UIColor</span>.darkGrayColor(), fontSize: <span class="hljs-number">14</span>, backImageName: <span class="hljs-string">&quot;common_button_white_disable&quot;</span>)
</code></pre>
<h3 id="%E8%AE%BE%E7%BD%AE%E8%87%AA%E5%8A%A8%E5%B8%83%E5%B1%80">&#x8BBE;&#x7F6E;&#x81EA;&#x52A8;&#x5E03;&#x5C40;</h3>
<ul>
<li>&#x53D6;&#x6D88; <code>AutoresizingMask</code> &#x5C5E;&#x6027;</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">// 2. &#x81EA;&#x52A8;&#x5E03;&#x5C40;</span>
<span class="hljs-comment">// 0&gt; &#x53D6;&#x6D88; aotoresizing &#x5C5E;&#x6027;</span>
<span class="hljs-keyword">for</span> v <span class="hljs-keyword">in</span> subviews {
    v.translatesAutoresizingMaskIntoConstraints = <span class="hljs-built_in">false</span>
}
</code></pre>
<ul>
<li>&#x8BBE;&#x7F6E;&#x56FE;&#x6807;&#x7EA6;&#x675F; - &#x53C2;&#x7167;&#x89C6;&#x56FE;&#x5C45;&#x4E2D;&#x5BF9;&#x9F50;</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">// 1&gt; &#x56FE;&#x6807;</span>
addConstraint(<span class="hljs-type">NSLayoutConstraint</span>(item: iconView, attribute: .<span class="hljs-type">CenterX</span>, relatedBy: .<span class="hljs-type">Equal</span>, toItem: <span class="hljs-keyword">self</span>, attribute: .<span class="hljs-type">CenterX</span>, multiplier: <span class="hljs-number">1.0</span>, constant: <span class="hljs-number">0</span>))
addConstraint(<span class="hljs-type">NSLayoutConstraint</span>(item: iconView, attribute: .<span class="hljs-type">CenterY</span>, relatedBy: .<span class="hljs-type">Equal</span>, toItem: <span class="hljs-keyword">self</span>, attribute: .<span class="hljs-type">CenterY</span>, multiplier: <span class="hljs-number">1.0</span>, constant: -<span class="hljs-number">60</span>))
</code></pre>
<ul>
<li>&#x8BBE;&#x7F6E;&#x9996;&#x9875;&#x5C0F;&#x623F;&#x5B50; - &#x53C2;&#x7167;&#x56FE;&#x6807;&#x5C45;&#x4E2D;&#x5BF9;&#x9F50;</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">// 2&gt; &#x5C0F;&#x623F;&#x5B50;</span>
addConstraint(<span class="hljs-type">NSLayoutConstraint</span>(item: homeIconView, attribute: .<span class="hljs-type">CenterX</span>, relatedBy: .<span class="hljs-type">Equal</span>, toItem: iconView, attribute: .<span class="hljs-type">CenterX</span>, multiplier: <span class="hljs-number">1.0</span>, constant: <span class="hljs-number">0</span>))
addConstraint(<span class="hljs-type">NSLayoutConstraint</span>(item: homeIconView, attribute: .<span class="hljs-type">CenterY</span>, relatedBy: .<span class="hljs-type">Equal</span>, toItem: iconView, attribute: .<span class="hljs-type">CenterY</span>, multiplier: <span class="hljs-number">1.0</span>, constant: <span class="hljs-number">0</span>))
</code></pre>
<ul>
<li>&#x8BBE;&#x7F6E;&#x6587;&#x672C; - &#x53C2;&#x7167;&#x56FE;&#x6807;&#xFF0C;&#x6C34;&#x5E73;&#x5C45;&#x4E2D;&#xFF0C;&#x4E0B;&#x65B9; 16 &#x4E2A;&#x70B9;</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">// 3&gt; &#x63CF;&#x8FF0;&#x6587;&#x5B57;</span>
addConstraint(<span class="hljs-type">NSLayoutConstraint</span>(item: messageLabel, attribute: .<span class="hljs-type">CenterX</span>, relatedBy: .<span class="hljs-type">Equal</span>, toItem: iconView, attribute: .<span class="hljs-type">CenterX</span>, multiplier: <span class="hljs-number">1.0</span>, constant: <span class="hljs-number">0</span>))
addConstraint(<span class="hljs-type">NSLayoutConstraint</span>(item: messageLabel, attribute: .<span class="hljs-type">Top</span>, relatedBy: .<span class="hljs-type">Equal</span>, toItem: iconView, attribute: .<span class="hljs-type">Bottom</span>, multiplier: <span class="hljs-number">1.0</span>, constant: <span class="hljs-number">16</span>))
</code></pre>
<ul>
<li>&#x5728;&#x61D2;&#x52A0;&#x8F7D;&#x51FD;&#x6570;&#x4E2D;&#x8BBE;&#x7F6E;&#x63CF;&#x8FF0;&#x6587;&#x5B57;&#x5C5E;&#x6027;</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">/// &#x63CF;&#x8FF0;&#x6587;&#x5B57;</span>
private lazy <span class="hljs-keyword">var</span> messageLabel: <span class="hljs-type">UILabel</span> = {
    <span class="hljs-keyword">let</span> label = <span class="hljs-type">UILabel</span>()

    label.text = <span class="hljs-string">&quot;&#x5173;&#x6CE8;&#x4E00;&#x4E9B;&#x4EBA;&#xFF0C;&#x56DE;&#x8FD9;&#x91CC;&#x770B;&#x770B;&#x6709;&#x4EC0;&#x4E48;&#x60CA;&#x559C;&#x5173;&#x6CE8;&#x4E00;&#x4E9B;&#x4EBA;&#xFF0C;&#x56DE;&#x8FD9;&#x91CC;&#x770B;&#x770B;&#x6709;&#x4EC0;&#x4E48;&#x60CA;&#x559C;&quot;</span>
    label.font = <span class="hljs-type">UIFont</span>.systemFontOfSize(<span class="hljs-number">14</span>)
    label.textColor = <span class="hljs-type">UIColor</span>.darkGrayColor()
    label.numberOfLines = <span class="hljs-number">0</span>

    label.sizeToFit()

    <span class="hljs-keyword">return</span> label
}()
</code></pre>
<ul>
<li>&#x589E;&#x52A0;&#x6587;&#x672C;&#x5BBD;&#x5EA6;&#x7EA6;&#x675F; - 224&#xFF0C;&#x9AD8;&#x5EA6;&#x7EA6;&#x675F; - 36</li>
</ul>
<pre><code class="lang-swift">addConstraint(<span class="hljs-type">NSLayoutConstraint</span>(item: messageLabel, attribute: .<span class="hljs-type">Width</span>, relatedBy: .<span class="hljs-type">Equal</span>, toItem: <span class="hljs-built_in">nil</span>, attribute: .<span class="hljs-type">NotAnAttribute</span>, multiplier: <span class="hljs-number">1.0</span>, constant: <span class="hljs-number">224</span>))
addConstraint(<span class="hljs-type">NSLayoutConstraint</span>(item: messageLabel, attribute: .<span class="hljs-type">Height</span>, relatedBy: .<span class="hljs-type">Equal</span>, toItem: <span class="hljs-built_in">nil</span>, attribute: .<span class="hljs-type">NotAnAttribute</span>, multiplier: <span class="hljs-number">1.0</span>, constant: <span class="hljs-number">36</span>))
</code></pre>
<ul>
<li>&#x6CE8;&#x518C;&#x6309;&#x94AE;&#xFF0C;&#x6587;&#x672C;&#x6807;&#x7B7E;&#x5DE6;&#x4E0B;(16)&#x5BF9;&#x9F50;&#xFF0C;&#x5BBD;&#x5EA6; 100&#xFF0C;&#x9AD8;&#x5EA6; 36</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">// 4&gt; &#x6CE8;&#x518C;&#x6309;&#x94AE;</span>
addConstraint(<span class="hljs-type">NSLayoutConstraint</span>(item: registerButton, attribute: .<span class="hljs-type">Left</span>, relatedBy: .<span class="hljs-type">Equal</span>, toItem: messageLabel, attribute: .<span class="hljs-type">Left</span>, multiplier: <span class="hljs-number">1.0</span>, constant: <span class="hljs-number">0</span>))
addConstraint(<span class="hljs-type">NSLayoutConstraint</span>(item: registerButton, attribute: .<span class="hljs-type">Top</span>, relatedBy: .<span class="hljs-type">Equal</span>, toItem: messageLabel, attribute: .<span class="hljs-type">Bottom</span>, multiplier: <span class="hljs-number">1.0</span>, constant: <span class="hljs-number">16</span>))
addConstraint(<span class="hljs-type">NSLayoutConstraint</span>(item: registerButton, attribute: .<span class="hljs-type">Width</span>, relatedBy: .<span class="hljs-type">Equal</span>, toItem: <span class="hljs-built_in">nil</span>, attribute: .<span class="hljs-type">NotAnAttribute</span>, multiplier: <span class="hljs-number">1.0</span>, constant: <span class="hljs-number">100</span>))
addConstraint(<span class="hljs-type">NSLayoutConstraint</span>(item: registerButton, attribute: .<span class="hljs-type">Height</span>, relatedBy: .<span class="hljs-type">Equal</span>, toItem: <span class="hljs-built_in">nil</span>, attribute: .<span class="hljs-type">NotAnAttribute</span>, multiplier: <span class="hljs-number">1.0</span>, constant: <span class="hljs-number">36</span>))
</code></pre>
<ul>
<li><p>&#x8C03;&#x6574;&#x6309;&#x94AE;&#x80CC;&#x666F;&#x56FE;&#x7247;&#x5207;&#x7247;</p>
</li>
<li><p>&#x767B;&#x5F55;&#x6309;&#x94AE;&#xFF0C;&#x6587;&#x672C;&#x6807;&#x7B7E;&#x53F3;&#x4E0B;(16)&#x5BF9;&#x9F50;&#xFF0C;&#x5BBD;&#x5EA6; 100&#xFF0C;&#x9AD8;&#x5EA6; 36</p>
</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">// 5&gt; &#x767B;&#x5F55;&#x6309;&#x94AE;</span>
addConstraint(<span class="hljs-type">NSLayoutConstraint</span>(item: loginButton, attribute: .<span class="hljs-type">Right</span>, relatedBy: .<span class="hljs-type">Equal</span>, toItem: messageLabel, attribute: .<span class="hljs-type">Right</span>, multiplier: <span class="hljs-number">1.0</span>, constant: <span class="hljs-number">0</span>))
addConstraint(<span class="hljs-type">NSLayoutConstraint</span>(item: loginButton, attribute: .<span class="hljs-type">Top</span>, relatedBy: .<span class="hljs-type">Equal</span>, toItem: messageLabel, attribute: .<span class="hljs-type">Bottom</span>, multiplier: <span class="hljs-number">1.0</span>, constant: <span class="hljs-number">16</span>))
addConstraint(<span class="hljs-type">NSLayoutConstraint</span>(item: loginButton, attribute: .<span class="hljs-type">Width</span>, relatedBy: .<span class="hljs-type">Equal</span>, toItem: <span class="hljs-built_in">nil</span>, attribute: .<span class="hljs-type">NotAnAttribute</span>, multiplier: <span class="hljs-number">1.0</span>, constant: <span class="hljs-number">100</span>))
addConstraint(<span class="hljs-type">NSLayoutConstraint</span>(item: loginButton, attribute: .<span class="hljs-type">Height</span>, relatedBy: .<span class="hljs-type">Equal</span>, toItem: <span class="hljs-built_in">nil</span>, attribute: .<span class="hljs-type">NotAnAttribute</span>, multiplier: <span class="hljs-number">1.0</span>, constant: <span class="hljs-number">36</span>))
</code></pre>
<ul>
<li>&#x8C03;&#x6574;&#x63A7;&#x4EF6;&#x6574;&#x4F53;&#x5782;&#x76F4;&#x4F4D;&#x7F6E;</li>
</ul>
<pre><code class="lang-swift">addConstraint(<span class="hljs-type">NSLayoutConstraint</span>(item: iconView, attribute: .<span class="hljs-type">CenterY</span>, relatedBy: .<span class="hljs-type">Equal</span>, toItem: <span class="hljs-keyword">self</span>, attribute: .<span class="hljs-type">CenterY</span>, multiplier: <span class="hljs-number">1.0</span>, constant: -<span class="hljs-number">60</span>))
</code></pre>
<ul>
<li>&#x62BD;&#x53D6; UILabel &#x7684;&#x4FBF;&#x5229;&#x6784;&#x9020;&#x51FD;&#x6570;</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">/// &#x904D;&#x5386;&#x6784;&#x9020;&#x51FD;&#x6570;</span>
<span class="hljs-comment">///</span>
<span class="hljs-comment">/// - parameter title:    title</span>
<span class="hljs-comment">/// - parameter fontSize: fontSize</span>
<span class="hljs-comment">/// - parameter color:    color</span>
<span class="hljs-comment">///</span>
<span class="hljs-comment">/// - returns: UILabel</span>
convenience <span class="hljs-keyword">init</span>(title: <span class="hljs-type">String</span>, fontSize: <span class="hljs-type">CGFloat</span>, color: <span class="hljs-type">UIColor</span>) {
    <span class="hljs-keyword">self</span>.<span class="hljs-keyword">init</span>()

    text = title
    font = <span class="hljs-type">UIFont</span>.systemFontOfSize(fontSize)
    textColor = color
    numberOfLines = <span class="hljs-number">0</span>

    sizeToFit()
}
</code></pre>
<ul>
<li>&#x8C03;&#x6574; <code>messageLabel</code> &#x7684;&#x61D2;&#x52A0;&#x8F7D;&#x4EE3;&#x7801;</li>
</ul>
<pre><code class="lang-swift">private lazy <span class="hljs-keyword">var</span> messageLabel: <span class="hljs-type">UILabel</span> = <span class="hljs-type">UILabel</span>(title: <span class="hljs-string">&quot;&#x5173;&#x6CE8;&#x4E00;&#x4E9B;&#x4EBA;&#xFF0C;&#x56DE;&#x8FD9;&#x91CC;&#x770B;&#x770B;&#x6709;&#x4EC0;&#x4E48;&#x60CA;&#x559C;&#x5173;&#x6CE8;&#x4E00;&#x4E9B;&#x4EBA;&#xFF0C;&#x56DE;&#x8FD9;&#x91CC;&#x770B;&#x770B;&#x6709;&#x4EC0;&#x4E48;&#x60CA;&#x559C;&quot;</span>, fontSize: <span class="hljs-number">14</span>, color: <span class="hljs-type">UIColor</span>.darkGrayColor())
</code></pre>
<ul>
<li>&#x6DFB;&#x52A0;&#x906E;&#x7F69;&#x56FE;&#x7247;&#x89C6;&#x56FE;</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">/// &#x906E;&#x7F69;&#x89C6;&#x56FE;</span>
private lazy <span class="hljs-keyword">var</span> maskIconView: <span class="hljs-type">UIImageView</span> = <span class="hljs-type">UIImageView</span>(imageName: <span class="hljs-string">&quot;visitordiscover_feed_mask_smallicon&quot;</span>)
</code></pre>
<pre><code class="lang-swift"><span class="hljs-comment">// 1. &#x6DFB;&#x52A0;&#x63A7;&#x4EF6;</span>
addSubview(iconView)
addSubview(maskIconView)
addSubview(homeIconView)
...
</code></pre>
<ul>
<li>&#x906E;&#x7F69;&#x56FE;&#x7247;&#x81EA;&#x52A8;&#x5E03;&#x5C40;</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">// 6. &#x906E;&#x7F69;&#x89C6;&#x56FE;</span>
addConstraints(<span class="hljs-type">NSLayoutConstraint</span>.constraintsWithVisualFormat(<span class="hljs-string">&quot;H:|-0-[maskIconView]-0-|&quot;</span>, options: [], metrics: <span class="hljs-built_in">nil</span>, views: [<span class="hljs-string">&quot;maskIconView&quot;</span>: maskIconView]))
addConstraints(<span class="hljs-type">NSLayoutConstraint</span>.constraintsWithVisualFormat(<span class="hljs-string">&quot;V:|-0-[maskIconView]-(regBtnHeight)-[registerButton]&quot;</span>, options: [], metrics: [<span class="hljs-string">&quot;regBtnHeight&quot;</span>: -<span class="hljs-number">36</span>], views: [<span class="hljs-string">&quot;maskIconView&quot;</span>: maskIconView, <span class="hljs-string">&quot;registerButton&quot;</span>: registerButton]))
</code></pre>
<ul>
<li>&#x89C6;&#x56FE;&#x80CC;&#x666F;&#x989C;&#x8272;</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">// 3. &#x8BBE;&#x7F6E;&#x89C6;&#x56FE;&#x80CC;&#x666F;&#x989C;&#x8272;</span>
backgroundColor = <span class="hljs-type">UIColor</span>(white: <span class="hljs-number">237.0</span> / <span class="hljs-number">255.0</span>, alpha: <span class="hljs-number">1.0</span>)
</code></pre>
<blockquote>
<p>&#x8FD0;&#x884C;&#x6D4B;&#x8BD5;</p>
</blockquote>
<h2 id="%E5%B0%8F%E7%BB%93">&#x5C0F;&#x7ED3;</h2>
<ul>
<li>&#x81EA;&#x52A8;&#x5E03;&#x5C40;&#x6838;&#x5FC3;&#x516C;&#x5F0F;</li>
</ul>
<pre><code class="lang-swift">view1.attr1 = view2.attr2 * multiplier + constant
</code></pre>
<ul>
<li>&#x81EA;&#x52A8;&#x5E03;&#x5C40;&#x6784;&#x9020;&#x51FD;&#x6570;</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-type">NSLayoutConstraint</span>(item: &#x89C6;&#x56FE;, 
    attribute: &#x7EA6;&#x675F;&#x5C5E;&#x6027;, 
    relatedBy: &#x7EA6;&#x675F;&#x5173;&#x7CFB;, 
    toItem: &#x53C2;&#x7167;&#x89C6;&#x56FE;, 
    attribute: &#x53C2;&#x7167;&#x5C5E;&#x6027;, 
    multiplier: &#x4E58;&#x79EF;, 
    constant: &#x7EA6;&#x675F;&#x6570;&#x503C;)
</code></pre>
<ul>
<li><p>&#x5982;&#x679C;&#x6307;&#x5B9A;<code>&#x5BBD;</code> <code>&#x9AD8;</code> &#x7EA6;&#x675F;</p>
<ul>
<li>&#x53C2;&#x7167;&#x89C6;&#x56FE;&#x8BBE;&#x7F6E;&#x4E3A; <code>nil</code></li>
<li>&#x53C2;&#x7167;&#x5C5E;&#x6027;&#x9009;&#x62E9; <code>.NotAnAttribute</code></li>
</ul>
</li>
<li><p>&#x81EA;&#x52A8;&#x5E03;&#x5C40;&#x7C7B;&#x51FD;&#x6570;</p>
</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-type">NSLayoutConstraint</span>.constraintsWithVisualFormat(<span class="hljs-type">VLF</span>&#x516C;&#x5F0F;, 
    options: [], 
    metrics: &#x7EA6;&#x675F;&#x6570;&#x503C;&#x5B57;&#x5178; [<span class="hljs-type">String</span>: &#x6570;&#x503C;], 
    views: &#x89C6;&#x56FE;&#x5B57;&#x5178; [<span class="hljs-type">String</span>: &#x5B50;&#x89C6;&#x56FE;])
</code></pre>
<ul>
<li><p>VFL &#x53EF;&#x89C6;&#x5316;&#x683C;&#x5F0F;&#x8BED;&#x8A00;</p>
<ul>
<li><code>H</code> &#x6C34;&#x5E73;&#x65B9;&#x5411;</li>
<li><code>V</code> &#x5782;&#x76F4;&#x65B9;&#x5411;</li>
<li><code>|</code> &#x8FB9;&#x754C;</li>
<li><code>[]</code> &#x5305;&#x542B;&#x63A7;&#x4EF6;&#x7684;&#x540D;&#x79F0;&#x5B57;&#x7B26;&#x4E32;&#xFF0C;&#x5BF9;&#x5E94;&#x5173;&#x7CFB;&#x5728; <code>views</code> &#x5B57;&#x5178;&#x4E2D;&#x5B9A;&#x4E49;</li>
<li><code>()</code> &#x5B9A;&#x4E49;&#x63A7;&#x4EF6;&#x7684;&#x5BBD;/&#x9AD8;&#xFF0C;&#x53EF;&#x4EE5;&#x5728; <code>metrics</code> &#x4E2D;&#x6307;&#x5B9A;</li>
</ul>
</li>
</ul>

                    
                    </section>
                
                
                </div>
            </div>
        </div>

        
        <a href="../visitor/base table view controller.html" class="navigation navigation-prev " aria-label="Previous page: 表格视图控制器基类"><i class="fa fa-angle-left"></i></a>
        
        
        <a href="../visitor/setup login info.html" class="navigation navigation-next " aria-label="Next page: 设置未登录信息"><i class="fa fa-angle-right"></i></a>
        
    </div>
</div>

        
<script src="../gitbook/app.js"></script>

<script>
require(["gitbook"], function(gitbook) {
    var config = {"fontSettings":{"theme":null,"family":"sans","size":2}};
    gitbook.start(config);
});
</script>

        
    </body>
    
</html>
